iT邦幫忙

2021 iThome 鐵人賽

DAY 19
0
自我挑戰組

30 天重新設計印度氣象局官網首頁系列 第 19

Day 19 民生公共物聯網資料應用競賽,產品設計討論過程分享

  • 分享至 

  • xImage
  •  

來找設計師一起 side project,前後端 / UIUX 皆可ㄛ。配對單連結:
https://docs.google.com/spreadsheets/d/1-6YCUfqaB7dQLQa34pbuCHgYvXU3eYZ0dvDcPszhE4g/edit?usp=sharing


印度氣象局官網:https://mausam.imd.gov.in/#.

prototype 大家自己玩玩看,應該會每天更新ㄅ:
https://xd.adobe.com/view/bd7fd57a-8e2f-44b0-bc26-322e98708133-e82c/


上週的需求

印度氣象局設計其實已經差不多了,所以今天就分享最近參加的「民生公共物聯網資料應用競賽」設計過程。

我們上週稍為討論了一下需求,非常籠統且不清楚,我們三個人各自回去畫一點 wireframe ,今天再整合。

第一,我的 wireframe

第一個 prototype 是我設計的,因為剛開始其實沒有講好要用 web 還是 APP ,所以我就自作主張了做了手機版。

主要的功能是可以在底下選擇大方向,例如氣候、治安、水源等等,在旁邊的選單中可以看到這個區域的詳細資訊,上面的副選單可以去選擇子項目,目前是設定多選。

加權

底下有加了一個蠻有趣的加權計算,因為我覺得有些人會特別在意土質,比如說要購買農地,或是魚塭、高山農場等等,有些人可能會在意空氣品質,所以我想做一個加權計算機,可以直接算出環境的加權分數。

我的最愛

我的最愛的項目可以去比較儲存的不同的地點。

第二,Julia wireframe

Julia 設計的有考慮到不同的地景狀況,可以選擇 2d、3d,或者是衛星雲圖。

第三,沅沅 wireframe

我們的資工系朋友想的還蠻周到的,但是在做整合的時候,我們做了蠻多的取捨。

最後我們有使用的是「區域標記」,主要是他比較符合「區域」。

一開始我們在爭論,單位到底應該是要用「房屋」還是「區域」,後來還是決定採用「區域」,主要是他跟政府的開放 API 資料會比較相合。

目前的 prototype

在最後,我們取消了單點標記和線路標記,留下了區域標記。
目前的 prototype 大概就是長這樣子,我們的 Julia pm 大大把相對應的說明寫在旁邊。

之後因為我和 Julia 都要上班,所以 UI 設計就自然推給了資工朋友XDD

有空再分享,我要睡覺了拜拜~


上一篇
Day 18 prototype 配色與精稿繪製
下一篇
Day 20 公共資料競賽,「區域E資訊」設計線稿優化分享
系列文
30 天重新設計印度氣象局官網首頁22
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言